<template>
  <div>
    <h2>用户信息</h2>
    <br />
    用户名: {{ data.uname }} <br />
    邮箱: {{ data.email }} <br />
    <input type="button" value="发送用户信息" @click="five" />
  </div>
</template>

<script setup>
import { reactive } from 'vue'

let data = reactive({
  uname: 'Alice',
  email: 'alice@example.com',
})
function five() {
  emit('fivefn', data)
}
const emit = defineEmits(['fivefn'])
</script>
